@CHARSET "UTF-8";
html,
body {
	width: 100%;
	height: 100%;
}
#content{
	position: relative;
	padding-bottom: 5rem;
	
}
.title{
	height: 3.4375rem;
	line-height: 3.4375rem;
	font-size: 1.25rem;
color: #000000;
margin-left: .9375rem;
border-bottom: 1px solid #ddd;
font-weight: bold;

}
.result{
	display: flex;
		justify-content: flex-start;
		align-items: center;
		flex-wrap: wrap;
    padding: 0 30px;

}
.block {
		width: 383px;
	    position:relative;
		margin-top: 1.25rem;
		padding: 0 20px;
		padding-top:20px;
		box-sizing: border-box;
		background: #FFFFFF;
		box-shadow: 0 0 8px 4px rgba(221, 221, 221, 0.50);
		border-radius:8px;
	}
	.block:nth-child(2n){
	margin-left: 30px;
	}
	.block .info{
		display: flex;
		flex-direction: column;
		/* padding: 0 .9375rem; */
	}
/* .infoTitle{font-size: 17px;
color: #888888;} */
	.block .info>* {
		margin-bottom: 5px;
		font-size: 1.0625rem;
		color: #000000;
	}

	.block  .isdefault {
	width:0px;
	height:0px;
	border-top:16px solid  #D93534;;
	border-right:16px solid  #D93534;;
	border-bottom:16px solid transparent;
	border-left:16px solid transparent;
	
		
	
		font-size: 13px;
		color: #FFFFFF;
		text-align: center;
		position:absolute;
		top: 0;
        right: 0;
        

	}
	.block  .isdefault img{
	    width: 14px;

    position: relative;
    top: -11px;}

	.block section {
		margin:  0;
		font-size: 1.0625rem;
		color: #000000;
		line-height: 1.25rem;
		padding:0 .9375rem;
		    overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient: vertical;

	}
	.block .search_box {
	    margin-top: 9px;
		height: 66px;
		display: flex;
		justify-content: center;
		align-items: center;
		cursor: pointer;
		border-top: 1px solid #D5D9D9;
		
	}
	.search_box span{
	
		display: block;
		font-size: 14px;
  padding:6px 15px;
  color: #D93534;
  border: 1px solid #D93534;
border-radius: 16px;
  

	}
	.search_box span:last-child{
	background: #D93534;
		margin-left: 20px;
		color: #FFFFFF;
	}
	.commitBtn {
		position: absolute;
		top: 10px;
		right:25px;
	
	
		}
		.commitBtn input[type=button] {
	margin: 0 auto;
		width: 132px;
		height: 2rem;
	line-height: 2rem;
	color: white;
	background: rgb(197, 24, 10);
	border-radius: 5px;
	border: none;
	cursor: pointer;
	font-size: 1rem;
}
	

/* <!--PC端--> */
@media screen and (min-width: 1600px) {
	html {
		font-size: 16px
	}

	#layers {
		max-width: 25rem;
	}

	.search_box label {
		margin-right: 5rem;
	}

}

@media screen and (min-width: 601px) and (max-width: 1599px) {
	html {
		font-size: 14px
	}

	#layers {
		max-width: 25rem;
	}
}

/* <!--手机端--> */
@media screen and (min-width:241px) and (max-width:601px) {
	html {
		font-size: 15px
	}

	#layers {
		max-width: 25rem;
	}
	.result{
	display:block;
		
}
	.block {
	width: 90%;
	padding:0;
	position:relative;
		margin: 0 auto;
		margin-top: 1.25rem;	
		padding-top: .9375rem;
		box-sizing: border-box;
		background: #FFFFFF;
		box-shadow: 0 0 8px 4px rgba(221, 221, 221, 0.50);
		border-radius:8px;
	}
	.infoTitle{
	display:none}
	.block .info{
	display: flex;
    flex-direction: row;
    margin-bottom: 15px;
    padding-left: .9375rem;
	}

	.block .info>* {
		margin: 0;
		margin-right: 1.25rem;
		font-size: 1.0625rem;
		color: #000000;
	}

 	.block  .isdefault {
		width: 0px;
	    height: 0px;
	    border-top: 21px solid #D93534;
	    border-right: 21px solid #D93534;
	    border-bottom: 21px solid transparent;
	    border-left: 21px solid transparent;
	    font-size: 13px;
	    color: #FFFFFF;
	    text-align: center;
	    position: absolute;
	    top: 0;
	    right: 0;

	} 
	.block .isdefault img {
    width: 19px;
    position: relative;
    top: -15px;
	}

	.block section {
		margin: .9375rem 0;
		font-size: 1.0625rem;
		color: #000000;
		line-height: 1.25rem;
		padding:0 .9375rem;


	}

	.block .search_box {
	position: initial;
		height: 3.3125rem;
		border-top: 1px dashed #ddd;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.search_box span{
	padding:0;
	border:0;
		display: block;
		font-size: 1.0625rem;
color: #888888;	

	}
	.search_box span:last-child:before{
		padding-left: 1.25rem;
		content: '';
		border-left: 1px solid #ddd;

	}
	.search_box span:last-child{
	background: transparent;
		margin-left: 1.25rem;
		color: #888888;
	}
	.block:nth-child(2n) {
    margin-left: auto; 
}
	
.commitBtn {
	position: initial;
margin: 2rem 3%;
    width: 94%;
    text-align:center;
}

.commitBtn input[type=button] {
	margin: 0 auto;
	width: 200px;
	height: 2.5rem;
	line-height: 2.5rem;
	color: white;
	background: rgb(197, 24, 10);
	border-radius: 5px;
	border: none;
	cursor: pointer;
	font-size: 1rem;
}


}

@media screen and (min-width: 241px) and (max-width: 320px) {}

@media screen and (min-width: 1px) and (max-width: 240px) {}